<template>
  <div>
    <h3>child2</h3>
    <!-- $attrs -->
    <!-- $attrs 接收到了爷爷组件的属性 -->
    <p>{{ $attrs.msg }}</p>
    <!-- inject/provide -->
    <p>{{ bar1 }}</p>
    <button @click="sendToChild1">给child1发送消息</button>
  </div>
</template>

<script>
export default {
  // inject: ['bar'], // 类似于props
  inject: {
    bar1: {
      from: 'bar',
      default: 'barrrrrrrr',
    },
  },
  // props: { msg: { type: String } },
  methods: {
    sendToChild1() {
      // 利用事件总线发送事件
      // this.$bus.$emit('event-from-child2', 'some msg from child2')

      this.$parent.$emit('event-from-child2', 'some msg from child2');

      // 通过 $listeners 传递进来的  触发的是爷爷组件的事件
      this.$emit('foo');
    },
  },
};
</script>

<style scoped></style>
